import Cookies from "@/utils/storage";
import { useUserStoreHook } from "@/store/modules/user";
import { storageLocal, isString, isIncludeAllChildren } from "@pureadmin/utils";
import { toTimestamp } from "@/utils/date";

export interface TokenInfo {
  /** 访问 `token` */
  accessToken: string;
  /** 用于调用刷新`accessToken`的接口时所需的`token` */
  refreshToken: string;
  /** `accessToken`的过期时间，支持所有格式时间（包括时间戳） */
  expires: Date;
}

export interface DataInfo {
  /** 用户ID */
  uid: number;
  /** 用户名 */
  username: string;
  /** 昵称 */
  nickname: string;
  /** 手机号 */
  phone: string;
  /** 邮箱 */
  email: string;
  /** 当前登录用户的角色 */
  roles: Array<string>;
  /** 当前登录用户的按钮级别权限 */
  permissions: Array<string>;
  /** 备注信息 */
  remark: string;
}

export const userKey = "user-info";
export const TokenKey = "authorized-token";
/**
 * 通过`multiple-tabs`是否在`cookie`中，判断用户是否已经登录系统，
 * 从而支持多标签页打开已经登录的系统后无需再登录。
 * 浏览器完全关闭后`multiple-tabs`将自动从`cookie`中销毁，
 * 再次打开浏览器需要重新登录系统
 * */
export const multipleTabsKey = "multiple-tabs";

/** 获取`token` */
export function getToken(): TokenInfo {
  return Cookies.get(TokenKey);
}

/**
 * @description 设置`token`以及一些必要信息并采用无感刷新`token`方案
 * 无感刷新：后端返回`accessToken`（访问接口使用的`token`）、`refreshToken`（用于调用刷新`accessToken`的接口时所需的`token`，`refreshToken`的过期时间（比如30天）应大于`accessToken`的过期时间（比如2小时））、`expires`（`accessToken`的过期时间）
 * 将`accessToken`、`expires`、`refreshToken`这三条信息放在key值为authorized-token的cookie里（过期自动销毁）
 * 将用户信息放在key值为`user-info`的localStorage里（利用`multipleTabsKey`当浏览器完全关闭后自动销毁）
 */
export function setToken(data: TokenInfo) {
  let expires = 0;
  const { accessToken, refreshToken } = data;
  const { isRemembered, loginDay } = useUserStoreHook();
  // 转换为毫秒时间戳
  expires = toTimestamp(data.expires);
  const TokenValue = { accessToken, expires, refreshToken };

  // 注：这里因为使用了localStorage进行存储，因此无法设置expires
  // 如果需要可自行实现
  expires > 0
    ? Cookies.set(TokenKey, TokenValue, {
        expires: (expires - Date.now()) / 86400000
      })
    : Cookies.set(TokenKey, TokenValue);

  Cookies.set(
    multipleTabsKey,
    true,
    isRemembered
      ? {
          expires: loginDay
        }
      : {}
  );
}

/**
 * @description 将原设置用户信息部分分离
 */
export function setUserData(data: DataInfo) {
  function setUserKey({
    uid,
    username,
    nickname,
    phone,
    email,
    roles,
    permissions,
    remark
  }) {
    useUserStoreHook().SET_UID(uid);
    useUserStoreHook().SET_USERNAME(username);
    useUserStoreHook().SET_NICKNAME(nickname);
    useUserStoreHook().SET_PHONE(phone);
    useUserStoreHook().SET_EMAIL(email);
    useUserStoreHook().SET_ROLES(roles);
    useUserStoreHook().SET_PERMS(permissions);
    useUserStoreHook().SET_REMARK(remark);
    storageLocal().setItem(userKey, {
      uid,
      username,
      nickname,
      phone,
      email,
      roles,
      permissions,
      remark
    });
  }

  const { uid, username, roles } = data;
  setUserKey({
    uid,
    username,
    nickname: data?.nickname ?? "",
    phone: data?.phone ?? "",
    email: data?.email ?? "",
    roles,
    permissions: data?.permissions ?? [],
    remark: data?.remark ?? ""
  });
}

/** 删除`token`以及key值为`user-info`的localStorage信息 */
export function removeToken() {
  Cookies.remove(TokenKey);
  Cookies.remove(multipleTabsKey);
  storageLocal().removeItem(userKey);
}

/** 格式化token（jwt格式） */
export const formatToken = (token: string): string => {
  return "Bearer " + token;
};

/** 是否有按钮级别的权限（根据登录接口返回的`permissions`字段进行判断）*/
export const hasPerms = (value: string | Array<string>): boolean => {
  if (!value) return false;
  const allPerms = "*:*:*";
  const { permissions } = useUserStoreHook();
  if (!permissions) return false;
  if (permissions.length === 1 && permissions[0] === allPerms) return true;
  const isAuths = isString(value)
    ? permissions.includes(value)
    : isIncludeAllChildren(value, permissions);
  return isAuths ? true : false;
};
